// 发送请求必须导入request 就相当与axios
import request from '@/utils/request'

// 用户登录接口
export const loginAPI = (loginForm) => {
  return request({
    method: 'post',
    // 跨域问题,需要在请求的url地址前加上/api,才会转发请求
    // 接口的请求如果以 /api开头,会自动走到这里,执行请求转发 每次写都很麻烦,所以直接写在环境变量的配置文件中
    url: '/sys/login',
    data: loginForm
  })
}

// 获取用户信息接口
export const getUserProfileAPI = () => {
  return request({
    method: 'get',
    url: '/sys/profile'
  })
}

// 修改密码
export const putPwdAPI = (pwdForm) => {
  return request({
    method: 'put',
    url: '/sys/user/updatePass',
    data: pwdForm
  })
}

// 同源: 协议,域名,端口, 三者完全一样,称为同源,反之称为跨域
// 跨域: 出于浏览器的限制,考虑到安全角度,不允许去非同源的服务器请求数据
// 解决方法:
//   1.jsonp: 利用了script标签的src属性没有同源限制,可以去别的域名下拿数据.比较老了
//            过时了,缺点只能发送get请求,很局限,也需要后台配合
//   2.CORS: 跨域资源共享,需要开始cors,后台只需要设置响应头即可,前台不需要做任何事情,
//           主动权掌握在后台手中.
//   3.跨域代理: 主动权掌握在前台手中,大致原理:
//      (1)需要自己启动一个服务器
//      (2)接口请求自己的服务器(不存在跨域/即使存在,很好解决)
//      (3)自己的服务器把请求转发到目标服务器(服务器之间请求不存在跨域)
